@import './modules/footer.scss';
@import './modules/header.scss';
*{
    margin: 0;
    padding: 0;
}
.tp{
    width: 100%;
    height: 535px;
    img{
        width: 100%;
        height: 100%;
    }
}
.quanju{
    width: 80%;
    height: 100%;
    min-width: 1200px;
    // border: 1px solid rebeccapurple;
    margin: auto;
    overflow: hidden;
    .left{
        width: 20%;
        height: 760px;
        float: left;
        p{
            widows: 100%;
            height: 135px;
            line-height: 135px;
            border-bottom: 1px solid gray;
            font-size: 25px;
            text-align: center;
        }
        ul{
            width: 100%;
            height: 250px;
            li{
                margin-top: 15px;
                a{
                    text-decoration: none;
                    font-size: 18px;
                    color: #999999;
                }
            }
        }
    }
    .right{
        width: 80%;
        height: 100%;
        float: left;
        .shaixuan{
            width: 100%;
            height: 135px;
            border-bottom: 1px solid rgb(122, 117, 117);
            text-align: right;
            span{
                 font-size: 20px;
                 color: rgb(36, 35, 35);
            }
            select{
                border: 1px solid #000000;
                font-size: 16px;
                width: 260px;
                height: 50px;
                margin-top:40px ;
              }
        }
        .cnm{
            width: 100%;
            height: 100%;
            display: flex;
            // flex-direction: column;
            justify-content: space-between;
            flex-wrap: wrap;
            li{
                width: 22%;
                min-width: 170px;
                height: 600px;
                border: 1px solid rgb(184, 181, 181);
                margin: 10px;
                a{
                    text-decoration: none;
                    .st{
                        width: 100%;
                        height: 50%;
                        img{
                            margin-left: 25px;
                            margin-top: 20px;
                        }
                    }
                    .xw{
                        width: 100%;
                        height: 50%;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-around;
                        span{
                            font-size: 19px;
                            color: black;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
}